﻿@charset "utf-8";
/*主题色*/
html {
  position: relative;
  width: 100%;
  height: 100%;
}
body {
  background: #007DC2 url(../images/bg.png) center no-repeat;
  background-size: cover;
  position: relative;
  width: 100%;
  height: 100%;
  font-family: "PingFangSC-Regular", "微软雅黑", Arial, Tahoma, sans-serif;
}
@font-face {
  font-family: UnidreamLED;
  src: url('/scripts/fonts/UnidreamLED.ttf');
}
.hidden {
  visibility: hidden;
}
.none {
  display: none;
}
.login {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  padding-top: 20vh;
}
.login .login-title {
  width: 808px;
  height: 90px;
  margin: 0 auto;
}
.login .login-input {
  width: 248px;
  margin: 10vh auto 0;
}
.login .login-input .am-selected {
  margin-bottom: 10px;
}
.login .login-input .am-selected .am-btn-sm {
  font-size: 1.6rem;
}
.login .login-input .am-form .am-form-group {
  margin-bottom: 10px;
}
.login .login-input .alert {
  margin-top: 10px;
  text-align: center;
  color: #fff;
  font-size: 14px;
}
.nav {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 826px;
}
.nav > ul {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
}
.nav > ul li {
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.nav > ul li + li {
  margin-left: 10px;
}
.nav > ul li a {
  display: block;
  color: #fff;
  border: 2px solid #fff;
  padding: 20px 0 10px;
  font-size: 20px;
  line-height: 32px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.nav > ul li a p {
  margin: 0;
}
.nav > ul + ul {
  margin-top: 10px;
}
.nav > ul > li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.nav > ul > li:last-child{
    -webkit-box-flex: 2;-webkit-flex: 2;-moz-box-flex: 2;-ms-flex: 2;flex: 2;
}
.nav > ul > li > ul {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
}
.nav > ul > li > ul > li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
header {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E3E3E3));
  background: linear-gradient(to bottom, #FFF 0%, #E3E3E3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#E3E3E3', GradientType=0);
  -webkit-box-shadow: 0 3px 0 #005A8B;
  box-shadow: 0 3px 0 #005A8B;
}
header .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
header .head .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 90px;
  padding-left: 18px;
}
header .head .title img {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 60px;
  height: 58px;
  margin-right: 10px;
}
header .head .title h1 {
  margin: 0;
  line-height: 20px;
  padding-top: 2px;
  color: #094E74;
}
header .head .title h1 p {
  margin: 0;
  font-size: 24px;
  line-height: 20px;
}
header .head .title h1 span {
  font-size: 16px;
}
header .head .control ul {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 90px;
  padding-right: 18px;
}
header .head .control ul li + li {
  margin-left: 30px;
}
header .head .control ul li a {
  display: block;
  width: 60px;
  height: 48px;
  padding: 0;
  border-radius: 16%;
  border: 2px solid #fff;
}
header .head .control ul li a img {
  display: block;
  margin: 6px auto;
  width: 32px;
  height: 32px;
}
header .head .control ul li a[data-fun="1"] {
  background: -webkit-gradient(linear, left top, left bottom, from(#7EDBED), to(#48B5D6));
  background: linear-gradient(to bottom, #7EDBED 0%, #48B5D6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7EDBED', endColorstr='#48B5D6', GradientType=0);
}
header .head .control ul li a[data-fun="2"] {
  background: -webkit-gradient(linear, left top, left bottom, from(#F0B13E), to(#DD971D));
  background: linear-gradient(to bottom, #F0B13E 0%, #DD971D 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0B13E', endColorstr='#DD971D', GradientType=0);
}
header .head .control ul li a[data-fun="3"] {
  background: -webkit-gradient(linear, left top, left bottom, from(#EE7C7C), to(#D94646));
  background: linear-gradient(to bottom, #EE7C7C 0%, #D94646 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE7C7C', endColorstr='#D94646', GradientType=0);
}
header .head .control ul li a[data-fun="4"] {
  background: -webkit-gradient(linear, left top, left bottom, from(#68C452), to(#59AA45));
  background: linear-gradient(to bottom, #68C452 0%, #59AA45 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68C452', endColorstr='#59AA45', GradientType=0);
}
header .head .control ul li p {
  margin: 0;
  text-align: center;
  font-size: 12px;
  color: #2F2F2F;
}
header .username {
  position: absolute;
  z-index: 3;
  top: 70px;
  left: 88px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #dc7513;
}
.fun_bd {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 90px;
}
.fun_bd .process {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 62px;
}
.fun_bd .process .ranger {
  position: relative;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.fun_bd .process .ranger.ranger_2 {
  width: 404px;
  height: 62px;
  background: url(../images/Combined_s.png) center no-repeat;
  background-size: contain;
}
.fun_bd .process .ranger.ranger_3 {
  width: 380px;
  height: 46px;
  background: url(../images/Combined_m.png) center no-repeat;
  background-size: contain;
}
.fun_bd .process .ranger.ranger_4 {
  width: 544px;
  height: 46px;
  background: url(../images/Combined.png) center no-repeat;
  background-size: contain;
}
.fun_bd .process .ranger.ranger_5 {
  width: 607px;
  height: 46px;
  background: url(../images/Combined_L.png) center no-repeat;
  background-size: contain;
}
.fun_bd .process .ranger.ranger_6 {
  width: 607px;
  height: 46px;
  background: url(../images/Combined_6.png) center no-repeat;
  background-size: contain;
}
.fun_bd .process .ranger ul {
  position: relative;
  z-index: 2;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.fun_bd .process .ranger ul li {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none;
  background-color: #3EA2D9;
  text-align: center;
  line-height: 36px;
  font-weight: 600;
  font-size: 30px;
  color: #007DC2;
}
.fun_bd .process .ranger ul li.done {
  background-color: #fff;
}
.fun_bd .process .ranger ul li.done p {
  color: #fff;
}
.fun_bd .process .ranger ul li.active {
  background-color: #FFCE26;
  -webkit-animation: shing .5s ease infinite alternate;
  animation: shing .5s ease infinite alternate;
}
.fun_bd .process .ranger ul li.active p {
  color: #FFCE26;
}
.fun_bd .process .ranger ul li p {
  width: 140px;
  margin: 10px 0 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: absolute;
  font-size: 20px;
  line-height: 32px;
  color: #3EA2D9;
}
.fun_bd .process .ranger ul li p span {
  position: absolute;
  bottom: -34px;
  white-space: nowrap; 
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: block;
  padding: 0 6px;
  border-radius: 4px;
  background-color: #FFCE26;
  text-align: center;
  color: #007DC2;
  font-weight: 400;
}
.fun_bd .process .ranger ul li p span::after {
  content: '';
  position: absolute;
  top: -6px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #FFCE26 transparent;
  border-width: 0 6px 6px;
}
.fun_bd .process .ranger .progress {
  position: absolute;
  z-index: 1;
  top: 23px;
  left: 50%;
  -webkit-transform: translate(-50%, -2px);
  transform: translate(-50%, -2px);
  height: 5px;
}
.fun_bd .process .ranger .progress.progress_2 {
  width: 342px;
}
.fun_bd .process .ranger .progress.progress_3 {
  width: 370px;
}
.fun_bd .process .ranger .progress.progress_4 {
  width: 530px;
}
.fun_bd .process .ranger .progress.progress_5 {
  width: 590px;
}
.fun_bd .process .ranger .progress.progress_6 {
  width: 590px;
}
.fun_bd .process .ranger .progress .slide {
  height: 100%;
  background-color: #fff;
}
.fun_bd .process .info {
  margin-top: 210px;
}
.fun_bd .process .info .cont {
  height: 94px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  font-size: 30px;
  color: #fff;
  text-align: center;
  line-height: 94px;
}
.fun_bd .process .info .cont span {
  position: relative;
  width: auto;
  display: inline-block;
  margin: 0 auto;
}
.fun_bd .process .info .cont span ul {
  position: absolute;
  right: -60px;
  bottom: 34px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.fun_bd .process .info .cont span ul li {
  float: left;
  width: 8px;
  height: 8px;
  -webkit-animation: wait .5s ease infinite alternate;
  animation: wait .5s ease infinite alternate;
}
.fun_bd .process .info .cont span ul li:nth-child(2) {
  margin-left: 10px;
  -webkit-animation: wait .5s ease .2s infinite alternate;
  animation: wait .5s ease .2s infinite alternate;
}
.fun_bd .process .info .cont span ul li:nth-child(3) {
  margin-left: 10px;
  -webkit-animation: wait .5s ease .4s infinite alternate;
  animation: wait .5s ease .4s infinite alternate;
}
.fun_bd .process .info .list {
  position: relative;
  width: 600px;
  margin: 0 auto;
  padding: 10px;
  height: 284px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  color: #fff;
}
.fun_bd .process .info .list h3 {
  position: absolute;
  top: -24px;
  left: 10px;
  margin: 0;
  font-size: 20px;
  line-height: 24px;
}
.fun_bd .process .info .list .items {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.fun_bd .process .info .list .items .am-alert {
  margin: 0;
}
.fun_bd .process .reset {
  text-align: center;
}
.fun_bd .process .reset a {
  padding: 0;
  width: 180px;
  height: 64px;
  margin: 72px auto 0;
  border-radius: 4px;
  background-color: #fff;
  font-size: 24px;
  line-height: 64px;
  color: #000;
}
.fun_bd .process .submit {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fun_bd .process .submit a {
  padding: 0;
  width: 160px;
  height: 48px;
  margin: 100px auto 0;
  border-radius: 4px;
  background-color: #4BAF33;
  font-size: 16px;
  line-height: 48px;
  color: #fff;
}
.fun_bd .temperature {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 84px;
}
.fun_bd .temperature .display {
  width: 400px;
  height: 200px;
  border: 2px solid #000;
  margin: 0 auto;
}
.fun_bd .temperature .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 60px;
}
.fun_bd .temperature .info .table {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 400px;
  height: 242px;
  border: 2px solid #000;
  overflow: hidden;
}
.fun_bd .temperature .info .table .hd {
  height: 50px;
  padding: 0 12px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E3E3E3));
  background: linear-gradient(to bottom, #FFF 0%, #E3E3E3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#E3E3E3', GradientType=0);
  -webkit-box-shadow: 0 1px 0 #9B9B9B;
  box-shadow: 0 1px 0 #9B9B9B;
  line-height: 50px;
  font-size: 20px;
  font-weight: 600;
  color: #094E74;
}
.fun_bd .temperature .info .table .bd {
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding-bottom: 50px;
  overflow-x: hidden;
  overflow-y: auto;
}
.fun_bd .temperature .info .table .bd ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fun_bd .temperature .info .table .bd ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 10px;
  height: 32px;
  font-size: 14px;
  line-height: 32px;
}
.fun_bd .temperature .info .table .bd ul li:nth-child(1) {
  color: #4BAF33;
}
.fun_bd .temperature .info .table .bd ul li:nth-child(2n) {
  background-color: #F8F8F8;
}
.fun_bd .temperature .info .table .bd ul li[data-num="0"] {
  background-color: #FFE3E3;
  color: #E35F5F;
}
.fun_bd .package-control {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 26px 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.fun_bd .package-control .list {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 670px;
  background-color: rgba(0, 67, 104, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.fun_bd .package-control .list a {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -moz-box-flex: 0;
  -ms-flex: none;
  flex: none;
  width: 100px;
  height: 64px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 4px;
  background-color: #fff;
  margin-bottom: 10px;
  text-align: center;
  white-space: normal;
  letter-spacing: 8px;
  padding-left: 12px;
  border-radius: 6px;
  background: #8DC03C;
  background: #f5f5f5;
  background-image: -webkit-linear-gradient(top,#ffffff 0%,#b4b4b4 100%);
  background-image: -moz-linear-gradient(top,#ffffff 0%,#b4b4b4 100%);
  background-image: linear-gradient(top,#ffffff 0%,#b4b4b4 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, EndColorStr='#ffffff', StartColorStr='#b4b4b4');
  border: 1px solid #999;
}
.fun_bd .package-control .list a.active{
    background-color: #FFCE26;
    background-image: -webkit-linear-gradient(top,#ffce26 0%,#fbea17 100%);
    background-image: linear-gradient(top,#8DC03C 0%,#69902a 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, EndColorStr='#8DC03C', StartColorStr='#69902a');
    border: 1px solid #eaab07;
}
.fun_bd .package-control .list a span {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -moz-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  display: block;
  width: 100px;
  margin: auto;
  color: #094E74;
}
.fun_bd .package-control .list a:active {
  background-color: #FFCE26;
}
.fun_bd .package-control .list .lastNum {
  width: 100px;
}
.fun_bd .package-control .function {
  flex: none;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}
.fun_bd .package-control .function .display {
  width: 288px;
  height: 370px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 5px;
  display: flex;
  flex-flow: column;
  /*justify-content: space-between;*/
}
.fun_bd .package-control .function .display .led {
 position: relative;
 height: 130px;
 background-color: #74BCC3;
 box-shadow: inset 0 0 4px 2px rgba(0, 0, 0, 0.4);
 padding: 0 6px;
 font-family: UnidreamLED;
 font-size: 70px;
 line-height: 130px;
 text-align: right;
}
.fun_bd .package-control .function .display .led p {
  margin: 0;
}
.fun_bd .package-control .function .display .led .error {
  position: absolute;
  bottom: 6px;
  right: 6px;
  font-size: 16px;
  line-height: 20px;
}
.fun_bd .package-control .function .display .record ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fun_bd .package-control .function .display .record ul li {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  font-size: 16px;
  line-height: 30px;
}
.fun_bd .package-control .function .display .record ul li + li {
  margin-top: 10px;
}
.fun_bd .package-control .function .display .record ul li label {
  margin: 0;
  color: #6CB05B;
}
.fun_bd .package-control .function .display .record ul li input {
  background-color: rgba(255, 255, 255, 0);
  border: none;
  text-align: right;
  color: #fff;
  font-size: 18px;
}
.fun_bd .package-control .function .display .info {
  height: 32px;
  background-color: #E04141;
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 32px;
}
.fun_bd .package-control .function .submit a {
  /*padding: 0;
  width: 100%;
  height: 115px;
  border-radius: 4px;
  background-color: #4BAF33;
  font-size: 36px;
  line-height: 123px;
  color: #fff;*/
   padding: 0;
   width: 100%;
   height: 196px;
   border-radius: 4px;
    /* background-color: #4BAF33; */
   font-size: 36px;
   line-height: 196px;
   color: #fff;
    /* font-family: 微软雅黑; */
   letter-spacing: 8px;
   padding-left: 12px;
   border-radius: 6px;
   box-shadow:0 1px 4px #ecedee inset, 0 -1px 0 #146114 inset;
   color: #fff;
   background: #5eb95e;
   background-image: -webkit-linear-gradient(top,#b1db70 0%,#5eb95e 100%);
   background-image: -moz-linear-gradient(top,#b1db70 0%,#5eb95e 100%);
   background-image: linear-gradient(top,#b1db70 0%,#5eb95e 100%);
   filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, EndColorStr='#b1db70', StartColorStr='#5eb95e');
   border: 1px solid #70992f;
}
.fun_bd .package-control .function .reset a {
  padding: 0;
  width: 288px;
  height: 64px;
  border-radius: 4px;
  background-color: #fff;
  font-size: 24px;
  line-height: 64px;
  color: #000;
}
.fun_bd .print-list {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 26px 24px;
}
.fun_bd .print-list .table {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: rgba(0, 67, 104, 0.5);
}
.fun_bd .print-list .table table {
  position: relative;
  width: 100%;
}
.fun_bd .print-list .table table th {
  height: 60px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E3E3E3));
  background: linear-gradient(to bottom, #FFF 0%, #E3E3E3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#E3E3E3', GradientType=0);
  text-align: center;
  font-size: 20px;
  color: #094E74;
  vertical-align: middle;
}
.fun_bd .print-list .table table td {
  height: 60px;
  vertical-align: middle;
}
.fun_bd .print-list .table table td a {
  background-color: #4BAF33;
  border: 1px solid #2E791C;
  border-radius: 4px;
  color: #fff;
}
.fun_bd .print-list .table table td a img {
  margin-left: 4px;
}
.fun_bd .print-list .table table tbody tr {
  background-color: #fff;
}
@keyframes shing {
  from {
    -webkit-box-shadow: 0 0 10px 4px #FFAC26;
    box-shadow: 0 0 10px 4px #FFAC26;
    background-color: #FFAC26;
  }
  to {
    -webkit-box-shadow: 0 0 0 0 #FFCE26;
    box-shadow: 0 0 0 0 #FFCE26;
    background-color: #FFCE26;
  }
}
@-webkit-keyframes shing {
  from {
    -webkit-box-shadow: 0 0 10px 4px #FFAC26;
    box-shadow: 0 0 10px 4px #FFAC26;
    background-color: #FFAC26;
  }
  to {
    -webkit-box-shadow: 0 0 0 0 #FFCE26;
    box-shadow: 0 0 0 0 #FFCE26;
    background-color: #FFCE26;
  }
}
@keyframes wait {
  from {
    background-color: #ffffff;
  }
  to {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
@-webkit-keyframes wait {
  from {
    background-color: #ffffff;
  }
  to {
    background-color: rgba(255, 255, 255, 0.1);
  }
}
/*# sourceMappingURL=main.css.map */
.red{
    color:#dd514c !important;
}
.tip-green{
    background-color:#5eb95e !important; 
    height: 32px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 32px;
}
.tip-yellow{
    background-color:#ff6347 !important; 
    height: 32px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 32px;
}
.copyright{
    position: absolute;
    width: 100%;
    bottom: 0;
    font-size: 1rem;
}
.copyright p{
    margin: 0;
    color: #fff;
    text-align: center;
}

.ly-modal .am-modal-hd{font-size: 24px; border-bottom: 1px dotted #ddd; padding: 15px;}
.ly-modal .am-close{font-size: 60px; font-weight: 100; top: 20px; right: 30px;}
.ly-modal .am-btn-lg{font-size: 2.2rem; font-weight: 100; border-radius:0 4px 4px 0;}
.ly-modal .am-modal-bd{padding: 30px}
.ly-modal .input-text{width: 300px; height:50px; border:1px solid #ddd; border-right: none; border-radius: 4px 0 0 4px}
.ly-modal ul,.ly-modal ul li{list-style: none;padding: 0; margin: 0;}
.ly-modal ul{margin: 0 auto; width: 430px; background: #fff}
.ly-modal ul li{float: left;height: 80px; width: 80px; border:6px solid #f2f2f2; box-shadow: 0 0 5px #c4c4c4; line-height: 68px; text-align: center; background: #fff;  border-radius:50%; margin: 13px; font-size: 3rem; }
.ly-modal ul li a{color: #666}
/*.ly-modal ul .li{float: right; font-size: 1.8rem; width: 100px; height: 50px; line-height: 50px; border-radius: 2px; border:none;}*/
.ly-modal ul .li{font-size: 1.8rem; background: #eaeaea; border:6px solid #f9f9f9;}
.ly-modal ul li:hover{background: #5eb95e; color: #fff}
.ly-modal ul li:hover a{color: #fff}
.ly-modal .am-close-spin:hover{transform:none;}
/* 退出\注销\关机*/

.bg-red img,.bg-blue img,.bg-gray img{width: 25px; display: block; }
.bg-red,.bg-blue,.bg-gray{display: inline-block;    border-radius: 3px;    padding: 10px 40px;background: #f00!important; color: #fff;    margin: 0 22px!important;}
.bg-blue{background: #0e90d2!important;}
.bg-gray{background: #666!important;}
.bg-red:hover,.bg-blue:hover,.bg-gray:hover{color:#fff}
.bg-red:hover,.bg-blue:hover,.bg-gray:hover{color:#fff}

.count{list-style:none;display:flex;display:-webkit-flex; justify-content:center; align-items:center;padding:0;margin:0;margin-bottom:4rem}
.count li{list-style:none; display:flex; display:-webkit-flex; flex-direction:column; align-items:center; margin:0 10px; color:#fff; padding:20px 30px; border-radius:4px; background:rgba(255,255,255,.1)}
    .count li label{font-weight:500; font-size:18px}
    .count li p {
        margin: 0;
        padding: 0;
    }
    .count li p span{ color:#FFCE26; font-size:31px; vertical-align:middle;margin-right:5px; font-family:Arial; font-weight:600}


/* 定义hover边框 */
.biankuang {
    width: 2px;
    height: 2px;
    position: absolute;
    z-index: 99;
    border-radius: 10px;
    /*background: black;*/
}

.biankuang_1 {
    height: 2px;
    top: 0;
    left: 0;
    border-left: 2px solid #FFAA00;
}

.biankuang_2 {
    width: 0px;
    bottom: 0;
    left: 0;
    border-top: 2px solid #FFAA00;
}

.biankuang_3 {
    height: 0px;
    bottom: 0;
    right: 0;
    border-right: 2px solid #FFAA00;
}

.biankuang_4 {
    width: 0px;
    top: 0;
    right: 0;
    border-bottom: 2px solid #FFAA00;
}